<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册会员</title>
	<link rel="stylesheet" type="text/css" href="<?=base_url()?>public/css/style.css">
	<script type="text/javascript" src="<?=base_url()?>public/js/jq.1.12.4.js"></script>
	<script type="text/javascript" src="<?=base_url()?>public/js/js.js"></script>
<style>
	.person p span {
		width: 22% !important;
	}
	.person p{overflow:visible;position:relative;}
	.person p span {width: 22% !important;}
	.person p input{box-shadow: -2px 0px 0px 0px rgba( 11, 2, 5, 0.2 );}
	.person p b{position:absolute;top: 11px; width: 150px;right: -72px;color:red;display:block;}
</style>
</head>
<body>
	<!-- 头部 -->
	<?php echo $menu ?>
	<!-- 主体 -->
	<div class="main clearfix">
		<?php echo $left ?>
		<div class="content">
			<div class="con">
				<div class="bikuang">
                	<div class="right_title"><span>公益团队中心&nbsp;&nbsp; -<span style="color:#1d3e00; margin:0;">&nbsp;&nbsp;注册会员</span></span></div>  
                    <div style="border-bottom:1px dotted #c2c5ba; padding-bottom:20px;">    
					<div class="person">
					
					<?php echo form_open('member_reg/info_post',array('id'=>'myform')); ?>
                    	<p><span style='font-weight:bold;'>公益账号</span><input type="text" name="user_account" id="user_account" maxlength='20'><b></b></p>
                        <p><span style='font-weight:bold;'>公益推广人</span><b style='top:0;right:0;display:block;color:#000;left:24%;'>&nbsp;&nbsp;<?php // echo $user_name;?><?php echo $up_account;?></p>
                        <input type="hidden" value="<?php echo $up_account;?>" name="up_account" maxlength='20'>
                        <p><span>登录密码</span><input type="password" name="pwd" id="pwd" maxlength='20'><b></b></p>
                        <p><span>确认密码</span><input type="password" name="pwd2" id="pwd2" maxlength='20'><b></b></p>
                        <p><span>二级密码</span><input type="password" name="spwd" id="spwd" maxlength='20'><b></b></p>
                        <p><span>二级密码确认</span><input type="password" name="spwd2" id="spwd2" maxlength='20'><b></b></p>
                        <p><span>姓名</span><input type="text" name="user_name" id="user_name" maxlength='20'><b></b></p>
                        <p class="pos"><span>手机号</span><input type="text" name="mobile" id="mobile" maxlength='20' style='width:45%;'><input id="send_yzm" style="width: 14%;" class="input"  type="button" value="发送验证码"><b></b><!-- onClick="get_mobile_code();" --></p>
                        <p><span>验证码</span>
                          <input type="text" name="yzm" id="yzm" maxlength='20' style="margin-left: 1px!important"><b></b>
                          <!-- <input type="hidden" id="sms_code"> -->
                        </p>
                        <p><span>支付宝帐号</span><input type="text" name="zfb_account" id="zfb_account" maxlength='30'><b></b></p>
                        </div>
                        </div>
                        <div class="person">
                        <p><span>开户行</span><input type="text" name="bank_name" id="bank_name" maxlength='30'></p>
                        <p><span>银行卡号</span><input type="text" name="bank_card" id="bank_card" maxlength='30'></p>
                        <p><span>微信号</span><input type="text" name="wx_id" id="wx_id" maxlength='30'></p>
                        
                        <p class="btn"><input id="btn_submit" style="width:30%; background:#254e01; color:white; margin-left:40%; margin-top:40px; margin-left:40%;" type="button" value="确认提交"></p>
					</form>
                        
                    </div>
                    </div>
				</div>
			</div>
		</div>
	</div>
	
<script type="text/javascript">
$('#btn_submit').on('mousedown',function(){
		$('#btn_submit').css('margin-top','43px');
		console.log(1)
	})
	$('#btn_submit').on('mouseup',function(){
		$('#btn_submit').css('margin-top','40px');
		console.log(2)
	})
$(function(){
	var phon = /^1[3\5\8][0-9]\d{4,8}$/;
	$('.js-tishi').on('click',function(){
		$('.js-tishi').css('display','none');
	})
  $('#btn_submit').on('click', function(event) {
    
    //账号
    if($('#user_account').val() == ''){
		
		$('#myform>p:nth-child(1)>b').css('display','block');
	    $('#myform>p:nth-child(1)>b').text('请输入公益账号');
		$('#myform>p:nth-child(1)').css('boder','1px solid red');
     // alert('请输入公益账号');
      return false;
    }else{
		 $('#myform>p:nth-child(1)>b').css('display','none');
		 $('#myform>p:nth-child(1)').css('boder','1px solid #d1d6bf');
	}
    if($('#user_account').val().length < 6){
		$('#myform>p:nth-child(1)>b').css('display','block');
	    $('#myform>p:nth-child(1)>b').text('长度不得少于6位');
		$('#myform>p:nth-child(1)').css('boder','1px solid red');
       // alert('公益账号长度不得少于6位');
        return false;
	}else{
		 $('#myform>p:nth-child(1)>b').css('display','none');
		 $('#myform>p:nth-child(1)').css('boder','1px solid #d1d6bf');
	}
    if($('#user_account').val().length > 20){
		$('#myform>p:nth-child(1)>b').css('display','block');
	    $('#myform>p:nth-child(1)>b').text('长度不得大于20位');
		$('#myform>p:nth-child(1)').css('boder','1px solid red');
       // alert('公益账号长度不得大于20位');
        return false;
	}else{
		$('#myform>p:nth-child(1)>b').css('display','none');
		 $('#myform>p:nth-child(1)').css('boder','1px solid #d1d6bf');
	}
    
    //公益推广人
    if($('#up_account').val() == 0){
		$('#up_account~b').text('请输入公益推广人');
     // alert('请输入公益推广人');
      return false;
    }else{
		$('#up_account~b').text('');
	}
    
    //密码
    if($('#pwd').val() == ''){
	    $('#pwd~b').text('请输入密码');
     // alert('请输入密码');
      return false;
    }else{
		 $('#pwd~b').text('');
	}
    if($('#pwd').val().length < 6){
		$('#pwd~b').text('密码长度不得少于6位');
       // alert('密码长度不得少于6位');
        return false;
	}else{
		$('#pwd~b').text('');
	}
    if($('#pwd').val().length > 20){
		$('#pwd~b').text('密码长度不得大于20位');
       // alert('密码长度不得大于20位');
        return false;
	}else{
		$('#pwd~b').text('');
	}
    
    //校验
    if($('#pwd').val() != $('#pwd2').val()){
		 $('#pwd2~b').text('两次输入的密码不一样');
     // alert('两次输入的密码不一样');
      return false;
    }else{
		 $('#pwd2~b').text('');
	}
    
    //二级密码
    if($('#spwd').val() == ''){
		$('#spwd~b').text('请输入二级密码');
     // alert('请输入二级密码');
      return false;
    }else{
		$('#spwd~b').text('');
	}
    if($('#spwd').val().length < 6){
		$('#spwd~b').text('二级密码长度不得少于6位');
       // alert('二级密码长度不得少于6位');
        return false;
	}else{
		$('#spwd~b').text('');
	}
    if($('#spwd').val().length > 20){
		$('#spwd~b').text('二级密码长度不得大于20位');
       // alert('二级密码长度不得大于20位');
        return false;
	}else{
		$('#spwd~b').text('');
	}
	 //校验二级密码和密码
    if($('#spwd').val() == $('#pwd').val()){
		$('#spwd~b').text('输入的二级密码不能和密码一样');
     // alert('输入的二级密码不能和密码一样');
      return false;
    }else{
		$('#spwd~b').text('');
	}

    //校验
    if($('#spwd').val() != $('#spwd2').val()){
		$('#spwd~b').text('两次输入的二级密码不一样');
    //  alert('两次输入的二级密码不一样');
      return false;
    }else{
		$('#spwd~b').text('');
	}

    //姓名
    if($('#user_name').val() == ''){
		$('#user_name~b').text('请输入姓名');
    //  alert('请输入姓名');
      return false;
    }else{
		$('#user_name~b').text('');
	}
    if($('#user_name').val().length > 8){
		$('#user_name~b').text('姓名字数不得大于4位');
      //  alert('姓名字数不得大于4位');
        return false;
	}else{
		$('#user_name~b').text('');
	}
	// if(!namer.test($('#user_name').val())){
	// 	$('.js-tishi').css('display','block');
	//    $('.js-tishi').text('请输入中文姓名');
 //     // alert('请输入中文姓名');
 //      return false;
 //    }

    //手机号
    var reg = /^\d{11}$/;
    if(!reg.test($('#mobile').val())){
		$('#mobile~b').text('请输入正确的手机号');
    //  alert('请输入正确的手机号');
      return false;
    }else{
		$('#mobile~b').text('');
	}

    //短信校验
//     if($('#check_code').val()=='' || $('#check_code').val() != $('#sms_code').val()){
//       alert('请输入正确的短信验证码');
//       return false;
//     }

    //支付宝
    if($('#zfb_account').val() == ''){
		$('#zfb_account~b').text('请输入支付宝账号');
     // alert('请输入支付宝账号');
      return false;
    }else{
		$('#zfb_account~b').text('');
	}

    $('#myform').submit();
  });

  
   var InterValObj;//time
   var count = 60;
   var curCount;
  
  //通过短信接口向手机发送短信
  $('#send_yzm').on('click',  function(event) {
    var reg = /^\d{11}$/;
    if(!reg.test($('#mobile').val())){
		 $('#send_yzm~b').text('请输入正确的手机号');
     // alert('请输入正确的手机号');
      return false;
    }else{
		 $('#send_yzm~b').text('');
	}
    var mobile = $('#mobile').val();
    var checkmobile = mobile.substring(0,2);

	if (checkmobile == '17') {
		 $('#send_yzm~b').text('您的电话号码不符合');
		//alert("您的电话号码不符合");
		return false;
	}else{
		 $('#send_yzm~b').text('');
	}
    curCount = count;
	$('#send_yzm').attr('disabled','true');
	$('#send_yzm').val(curCount+'秒内输入');
	InterValObj = setInterval(SetRemainTime,1000);
	
    var url = '<?php echo site_url("reg/ajax_send_check_code") ?>';
    $.post(url, {mobile: $('#mobile').val()}, function(d) {
      if(d.err > 0){
		  $('.js-tishi').css('display','block');
	   $('.js-tishi').text('提交成功');
      //  alert('提交成功');
        //$('#sms_code').val(d.code);
		
      }else{
        alert(d.msg);
      }
    });
    //dosomething
    //var code = 123456;

    //$('#sms_code').val(code);

  });
  function SetRemainTime(){
		if(curCount == 0){
			clearInterval(InterValObj);
			$('#send_yzm').removeAttr('disabled');
			$('#send_yzm').val('发送验证码')
		}else{
			curCount--;
			//console.log(curCount)
			$('#send_yzm').val(curCount+'秒内输入');
		}
	}
})
</script>

</body>
</html>